<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="dpflex fdcolumn">
    <ul class="my flex1 " >
    <li class="username">
    <a href='./personal.html'class="header"><img class="header_img" id="imghd" src="./img/course-img04.jpg" alt=""> <span class="userfont" id="userName2">用户名</span></a>
    <input type="file" id="fileId" class="upfile">
    <p class="mt16 personalized"><span>个性签名:</span><span id="sign">××××××××××××××××××××××</span></p>
    </li>
    <li class="movementdata mt20">
    <a href="#" class="movementdata_a1"><i class="iconfont icon-shuju1"></i>运动数据 <i class="iconfont2">&gt;</i></a>
    <div class="movementdata_left">
    <span class="span1">总运动</span>
    <span class="span2">9999</span>
    <span class="span3">分钟</span>
    </div> 
    <div class="movementdata_right">
    <span class="span1">本周消耗</span>
    <span class="span2">99999</span>
    <span class="span3">千卡</span>
    </div>
    </li>
    <li class="ports mt20">
    <a href="#" class="ports_a">
    <i class="iconfont icon-huizhanghuiyuan"></i>我的运动徽章
    <i class="iconfont2">&gt;</i>
    </a>
    <div class="ports_div1">
    <span class="span1"></span>
    <span class="span2"></span>
    <span class="span3"></span>
    </div>
    </li>
    <li class="last  mt20">我是退出登录</li>
    </ul>

    <footer id="footer">

    </footer>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>
</html>